<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <style>
        h1,
        p {
          margin: 0;
        }
        .page {
          width: 500px;
          height: 650px;
          padding: 0px 20px;
          background-image: linear-gradient(to bottom, transparent 49px, #ddd 49px),
            linear-gradient(to bottom, rgb(252, 231, 235), #fff, rgb(252, 231, 235));
      
          /* 背景图大小 */
          background-size: auto 50px, auto auto;
          /*控制背景的延伸区域 */
          background-clip: content-box, border-box;
        }
        h1 {
          line-height: 50px;
          text-align: center;
        }
        p {
          line-height: 50px;
        }
      </style>
      <div class="page">
        <h1>径向渐变实现纸张效果</h1>
        <p>1、创建一个长方形</p>
        <p>2、绘制从上向下的渐变色背景</p>
        <p>3、绘制纸张的横线</p>
        <p>4、设置横线与纸张左右两边有一定间距</p>
        <p>5、添加h1标签，制作内容标题，并让标题水平居中</p>
        <p>6、添加p标签，添加内容</p>
        <p>7、让文字相对行居中对齐</p>
      </div>
</body>
</html>